<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2022/11/4
  Time: 15:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../common/top.jsp"%>
<html>
<head>
    <title>菜单</title>
</head>
<body>
<div align="center">

    <!-- 【导航栏】 -->
    <div align="center" style="margin-top: 20px;">
        <a href="welcome">主页</a>
    </div>

    <!-- 【自定义 商品 列表】 -->
    <div>

        <!-- 第1行 商品 -->
        <div style="display: table; border-spacing: 30px;" class="product">

            <!-- 商品1 -->
            <div
                    class="pet" style="width: 200px; height: 300px; background-color: #DCDCDC; display: table-cell;">
                <!-- 图片 -->
                <img class="showimg" style="width: 350px; height: 350px"
                     src="">
                <div
                        style="width: 100%; height: 100px; background-color: #F6F6F6; text-align: center;">
                    <!-- 宠物名称 -->
                    <div style="height: 5px;"></div>
                    <div>
                        <label style="font-size: 20px">宠物名称</label>
                    </div>
                    <!-- 价格 -->
                    <div style="margin-top: 1px">
                        <label style="color: #696969">价格</label>
                    </div>

                </div>
            </div>

            <!-- 商品1 -->
            <div
                    style="width: 200px; height: 300px; background-color: #DCDCDC; display: table-cell;">
                <!-- 图片 -->
                <img style="width: 350px; height: 350px"
                     src="">
                <div
                        style="width: 100%; height: 100px; background-color: #F6F6F6; text-align: center;">
                    <!-- 宠物名称 -->
                    <div style="height: 5px;"></div>
                    <div>
                        <label style="font-size: 20px">宠物名称</label>
                    </div>
                    <!-- 价格 -->
                    <div style="margin-top: 1px">
                        <label style="color: #696969">价格</label>
                    </div>

                </div>
            </div>

            <!-- 商品1 -->
            <div
                    style="width: 200px; height: 300px; background-color: #DCDCDC; display: table-cell;">
                <!-- 图片 -->
                <img style="width: 350px; height: 350px"
                     src="">
                <div
                        style="width: 100%; height: 100px; background-color: #F6F6F6; text-align: center;">
                    <!-- 宠物名称 -->
                    <div style="height: 5px;"></div>
                    <div>
                        <label style="font-size: 20px">宠物名称</label>
                    </div>
                    <!-- 价格 -->
                    <div style="margin-top: 1px">
                        <label style="color: #696969">价格</label>
                    </div>

                </div>
            </div>

            <!-- 商品1 -->
            <div
                    style="width: 200px; height: 300px; background-color: #DCDCDC; display: table-cell;">
                <!-- 图片 -->
                <img style="width: 350px; height: 350px"
                     src="">
                <div
                        style="width: 100%; height: 100px; background-color: #F6F6F6; text-align: center;">
                    <!-- 宠物名称 -->
                    <div style="height: 5px;"></div>
                    <div>
                        <label style="font-size: 20px">宠物名称</label>
                    </div>
                    <!-- 价格 -->
                    <div style="margin-top: 1px">
                        <label style="color: #696969">价格</label>
                    </div>

                </div>
            </div>

            <!-- 商品1 -->
            <div
                    style="width: 200px; height: 300px; background-color: #DCDCDC; display: table-cell;">
                <!-- 图片 -->
                <img style="width: 350px; height: 350px"
                     src="">
                <div
                        style="width: 100%; height: 100px; background-color: #F6F6F6; text-align: center;">
                    <!-- 宠物名称 -->
                    <div style="height: 5px;"></div>
                    <div>
                        <label style="font-size: 20px">宠物名称</label>
                    </div>
                    <!-- 价格 -->
                    <div style="margin-top: 1px">
                        <label style="color: #696969">价格</label>
                    </div>

                </div>
            </div>

        </div>

        <!-- 第2行 商品 -->
        <div style="display: table; border-spacing: 30px;" class="product">

            <!-- 商品1 -->
            <div
                    style="width: 200px; height: 300px; background-color: #DCDCDC; display: table-cell;">
                <!-- 图片 -->
                <img style="width: 350px; height: 350px"
                     src="">
                <div
                        style="width: 100%; height: 100px; background-color: #F6F6F6; text-align: center;">
                    <!-- 宠物名称 -->
                    <div style="height: 5px;"></div>
                    <div>
                        <label style="font-size: 20px">宠物名称</label>
                    </div>
                    <!-- 价格 -->
                    <div style="margin-top: 1px">
                        <label style="color: #696969">价格</label>
                    </div>

                </div>
            </div>

            <!-- 商品1 -->
            <div
                    style="width: 200px; height: 300px; background-color: #DCDCDC; display: table-cell;">
                <!-- 图片 -->
                <img style="width: 350px; height: 350px"
                     src="">
                <div
                        style="width: 100%; height: 100px; background-color: #F6F6F6; text-align: center;">
                    <!-- 宠物名称 -->
                    <div style="height: 5px;"></div>
                    <div>
                        <label style="font-size: 20px">宠物名称</label>
                    </div>
                    <!-- 价格 -->
                    <div style="margin-top: 1px">
                        <label style="color: #696969">价格</label>
                    </div>

                </div>
            </div>

            <!-- 商品1 -->
            <div
                    style="width: 200px; height: 300px; background-color: #DCDCDC; display: table-cell;">
                <!-- 图片 -->
                <img style="width: 350px; height: 350px"
                     src="">
                <div
                        style="width: 100%; height: 100px; background-color: #F6F6F6; text-align: center;">
                    <!-- 宠物名称 -->
                    <div style="height: 5px;"></div>
                    <div>
                        <label style="font-size: 20px">宠物名称</label>
                    </div>
                    <!-- 价格 -->
                    <div style="margin-top: 1px">
                        <label style="color: #696969">价格</label>
                    </div>

                </div>
            </div>

            <!-- 商品1 -->
            <div
                    style="width: 200px; height: 300px; background-color: #DCDCDC; display: table-cell;">
                <!-- 图片 -->
                <img style="width: 350px; height: 350px"
                     src="">
                <div
                        style="width: 100%; height: 100px; background-color: #F6F6F6; text-align: center;">
                    <!-- 宠物名称 -->
                    <div style="height: 5px;"></div>
                    <div>
                        <label style="font-size: 20px">宠物名称</label>
                    </div>
                    <!-- 价格 -->
                    <div style="margin-top: 1px">
                        <label style="color: #696969">价格</label>
                    </div>

                </div>
            </div>

            <!-- 商品1 -->
            <div
                    style="width: 200px; height: 300px; background-color: #DCDCDC; display: table-cell;">
                <!-- 图片 -->
                <img style="width: 350px; height: 350px"
                     src="">
                <div
                        style="width: 100%; height: 100px; background-color: #F6F6F6; text-align: center;">
                    <!-- 宠物名称 -->
                    <div style="height: 5px;"></div>
                    <div>
                        <label style="font-size: 20px">宠物名称</label>
                    </div>
                    <!-- 价格 -->
                    <div style="margin-top: 1px">
                        <label style="color: #696969">价格</label>
                    </div>

                </div>
            </div>

        </div>

    </div>
</div>
</body>
<%@include file="../common/bottom.jsp"%>
</html>
